<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/basic.css"/>
<link rel="stylesheet" type="text/css" href="css/lyz.calendar.css"/>

<!-- <script type="text/javascript" src="js/jquery-2.0.2.js"></script> -->
<script type="text/javascript" src="js/jquery-1.5.1.js"></script>
<script type="text/javascript" src="js/lyz.calendar.min.js"></script>
<script>

    $(function () {
        $("#txtBeginDate").calendar({
            controlId: "divDate",                                 // 弹出的日期控件ID，默认: $(this).attr("id") + "Calendar"
            speed: 200,                                           // 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000),默认：200
            complement: true,                                     // 是否显示日期或年空白处的前后月的补充,默认：true
            readonly: true,                                       // 目标对象是否设为只读，默认：true
            upperLimit: new Date(),                               // 日期上限，默认：NaN(不限制)
            lowerLimit: new Date("2011/01/01"),                   // 日期下限，默认：NaN(不限制)
            // callback: function () {                               // 点击选择日期后的回调函数
            //     alert("您选择的日期是：" + $("#txtBeginDate").val());
            // }
        });
        $("#txtEndDate").calendar();
    });

</script>
</head>
<body>

<div class="home_bac">
	<div class="home_header">
		<div class="clearfix warp">
			<a href="#" class="home_lol"><img src="images/logo.png"></a>
			<div class="clearfix home_lor">
				<a href="#" class="home_user">
					<img src="images/a8.png" class="">132000000000
				</a>
				<a href="#" class="home_exit">
					<img src="images/a10.png">Exit
				</a>
			</div>
			<!-- <header class="cd-header"><a href="#0" class="cd-3d-nav-trigger nav_open"><span></span></a></header> -->
		</div>
	</div>
	<div class="home_nav">
		<ul class="home_nav_list clearfix">
			<li class="active"><a href="#">Home</a></li>
			<li><a href="#">Order</a></li>
			<li><a href="#">Shuttle</a></li>
			<li><a href="#">Charter</a></li>
			<li><a href="#">Auction</a></li>
			<li><a href="#">Cashier</a></li>
		</ul>
	</div>

	<div class="home_mol">
		<div class="home_mtab">
			<p class="home_tit">Order</p>
			<div class="order_bot">
				<div class="order_iwp">
					<div class="clearfix">
						<div class="clearfix order_put">
							<input type="text" class="order_time" id="txtBeginDate">
							<img src="images/a12.png" class="order_ptimg">
						</div>
						<p class="order-">-</p>
						<div class="clearfix order_put">
							<input type="text" class="order_time" id="txtEndDate">
							<img src="images/a12.png" class="order_ptimg">
						</div>
						<div class="order_tbmt"><img src="images/a14.png"></div>
					</div>

					<div class="clearfix order_uita">
						<a href="#" class="active">Add Order</a>
						<a href="#">Modify</a>
						<a href="#">Confirm</a>
						<a href="#">Cancel Order</a>
					</div>

					<ul class="order_btpl">
						<li class="clearfix">
							<p class="order_pbt">Idorders：</p>
							<div class="order_ohi">
								<p class="order_pbs">2018050001</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Order_status：</p>
							<div class="order_ohi">
								<p class="order_pbs">In payment</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">User_id：</p>
							<div class="order_ohi">
								<p class="order_pbs">Xiaotian,Wang</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Contact：</p>
							<div class="order_ohi">
								<p class="order_pbs">Xixi,Chen</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Email_contact：</p>
							<div class="order_ohi">
								<p class="order_pbs">1245645@sohu.com</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Custo_sum：</p>
							<div class="order_ohi">
								<p class="order_pbs">5</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Driver_id：</p>
							<div class="order_ohi">
								<p class="order_pbs">Wei,He</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Op_id：</p>
							<div class="order_ohi">
								<p class="order_pbs">1345464830</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Time_depart：</p>
							<div class="order_ohi">
								<p class="order_pbs">2018-06-02 09:30</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Fromwhere：</p>
							<div class="order_ohi">
								<p class="order_pbs">Sydney Opera House</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Order-voucher：</p>
							<div class="order_ohi">
								<p class="order_pbs">/</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Extra_request：</p>
							<div class="order_ohi">
								<p class="order_pbs">/</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Stop1：</p>
							<div class="order_ohi">
								<p class="order_pbs">/</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Stop2：</p>
							<div class="order_ohi">
								<p class="order_pbs">/</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Stop3：</p>
							<div class="order_ohi">
								<p class="order_pbs">/</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Stop4：</p>
							<div class="order_ohi">
								<p class="order_pbs">/</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Stop5：</p>
							<div class="order_ohi">
								<p class="order_pbs">/</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Towhere：</p>
							<div class="order_ohi">
								<p class="order_pbs">/</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Time_return：</p>
							<div class="order_ohi">
								<p class="order_pbs">/</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Est_time_needed：</p>
							<div class="order_ohi">
								<p class="order_pbs">/</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Vehicle_type：</p>
							<div class="order_ohi">
								<p class="order_pbs">/</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Vehicle_plate：</p>
							<div class="order_ohi">
								<p class="order_pbs">/</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Custo_costs：</p>
							<div class="order_ohi">
								<p class="order_pbs">/</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Flight_id：</p>
							<div class="order_ohi">
								<p class="order_pbs">/</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Big_luggage：</p>
							<div class="order_ohi">
								<p class="order_pbs">/</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Carry_luggage：</p>
							<div class="order_ohi">
								<p class="order_pbs">/</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Babyseats_s：</p>
							<div class="order_ohi">
								<p class="order_pbs">/</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Babyseats_b：</p>
							<div class="order_ohi">
								<p class="order_pbs">/</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Trailer：</p>
							<div class="order_ohi">
								<p class="order_pbs">/</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">Toll：</p>
							<div class="order_ohi">
								<p class="order_pbs">/</p>
							</div>
						</li>
						<li class="clearfix">
							<p class="order_pbt">GST：</p>
							<div class="order_ohi">
								<p class="order_pbs">/</p>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="home_foot">
			<div class="clearfix lg_boa">
				<a href="#">Contact Us</a>
				<a href="#">About Us</a>
				<a href="#">Readme Before Use</a>
			</div>
			<p class="lg_boits">@Better Price Better Go</p>
		</div>
	</div>

</div>


<script>

</script>
</body>
</html>
